<link rel="stylesheet" href="Public/Home/css/index.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.eot" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.ttf" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.woff" />
<link rel="stylesheet" type="text/css" href="Public/Home/css/list.css"/>
<link rel="stylesheet" href="Public/Home/css/content.css" />
<link rel="stylesheet" type="text/css" href="Public/Home/css/shopsuccess.css"/>
<script type="text/javascript" src="Public/Home/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="Public/Home/js/index.js"></script>
<script type="text/javascript" src="Public/Home/js/content.js"></script>
</head>

<body>
	<header>
		<!-- 顶部登陆注册部分 -->
		<div class="top">
			<!-- 顶部中间部分 -->
			<div class="top_middle">
				<div class="left">
					<p class="">
						送至：
					</p>
					<p class="">
						北京
					</p>
					<p>
						<i class="iconfont ic">&#xe6a6;</i>
					</p>
				<!--二级菜单-->
					<div class="top_hd">
						<ul class="erji">
							<li class="first"><a href="">北京</a></li>
							<li><a href="">上海</a></li>
							<li><a href="">天津</a></li>
							<li><a href="">重庆</a></li>
							<li><a href="">河北</a></li>
							<li><a href="">四川</a></li>
							<li><a href="">武汉</a></li>
							<li><a href="">湖南</a></li>
							<li><a href="">吉林</a></li>
							<li><a href="">黑龙江</a></li>
						</ul>
					</div>
				<!--二级菜单结束-->
				</div>
				<ul class="right">
					<li><span class="se">|</span><a href="">网站导航</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="daohang">
							3333
						</div>
						
					</li>
					
					<li><span class="se">|</span><a href="">客户服务</a><span class="iconfont ic2">&#xe6a6;</span>
					</li>
					
					<li><span class="se">|</span><a href="">关注京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="guan">
							<img src="Public/Home/images/bg3.png"/>
						</div>
					</li>
					
					<li><span class="se">|</span><i class="iconfont">&#x345e;</i><a href="">手机京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="shouji">
							<img style="width: 250px;height:196px;" src="Public/Home/images/bg2.png"/>
						</div>
						
					</li>
					<li><span class="se">|</span><a href="">企业采购</a></li>
					<li><span class="se">|</span><a href="">京东会员</a></li>
					
					<li><span class="se">|</span><a href="">我的京东</a><span class="iconfont ic2">&#xe6a6;</span>
					<!--二级菜单的-->	
						<div class="wode">
							<div class="top">
								<img src="Public/Home/images/bg1.jpg" alt="" />
								<a href="{{U('Index/login')}}" class="lg">你好，请登录</a>
								<p class="xi">
									<a href="" >优惠</a>
									<span>|</span>
									<a href="">消息</a>
								</p>																	
							</div>
							<ul class="deil">
								<li><a href="">处理订单</a></li>
								<li><a href="">咨询回复</a></li>
								<li><a href="">降价商品</a></li>
								<li><a href="">返修退换货</a></li>
								<li><a href="">我的关注</a></li>
								<li><a href="">我的京豆</a></li>
								<li><a href="">我的理财</a></li>
								<li><a href="">我的白条</a></li>
							</ul>
							<div class="zuji">
								<a href="" class="zu">我的足迹</a>
								<a href="" class="more">更多>></a>
							</div>
							<img class="zutu" src="Public/Home/images/bg2.jpg" alt="" />	
							
						</div>
					<!--二级菜但结束-->
					</li>		
					<li><span class="se">|</span>
						<!--判断这里是不是已经登录-->
						
						{{if value="isset($_SESSION['uid'])"}}
						<a href="{{U('person/index')}}" style="padding-right:3px">我的订单</a>
						{{else}}
						<!--如果没有登录的话跳转到登录页面-->
						<a href="{{U('index/login')}}" style="padding-right:3px">我的订单</a>
						{{endif}}
					</li>						
				</ul>
				<!--您好请登录-->
				<div class="reg">
				{{if value="!empty($_SESSION['zhangid'])"}}
					<span class="login">欢迎 {{$_SESSION['zhangid']}} ！</span>
				{{else}}
					<a href="{{U('Index/login')}}" class="login">你好，请登录</a>
				{{endif}}
					<a href="{{U('Home/Index/reg')}}" class="check">免费注册</a>
				</div>
				
				<!--您好请登录注册结束-->				
			</div>
			<!-- 顶部中间部分结束 -->
		</div>
		<!-- 顶部结束 -->
		<!--顶部分搜索区域-->
		<div class="top_search">
			<img src="Public/Home/images/bg1.png" alt="" class="logo" />
			<form class="search_box" action="" method="post">
				<input class="text" type="text" name="" id=""  placeholder="魅族"/>
				<input class="sub" type="submit" value="搜索"/>
			</form>
			<ul class="search_tui">
				<li class="first"><a href="" class="">抢年货</a></li>
				<li><a href="" class="">开年团购</a></li>
				<li><a href="" class="">新年花卉</a></li>
			</ul>
			<!--购物车-->
			<script type="text/javascript">
				//给购物车加一个点击事件跳转到购物车页面去
				$(function(){
					$('.shop_box').click(function(){
						<?php if(isset($_SESSION['cart'])) {?>
						location.href="{{U('shop/index')}}";
						<?php }else{?>
							location.href="{{U('shop/emp')}}";
						<?php }?>
					})
				})
			</script>
			<div class="shop_box">
				<p class="che"><a href="javascript:;">我的购物车</a></p>
				<span class="iconfont jian">&#xe6a7;</span>
				<div class="box_hidden">
					
				</div>
			</div>
			<!--购物车结束-->
		</div>		
		<!--顶部搜索区域结束-->	
		<!--顶部导航区域-->
		<?php 
			//查询类型表，循环横向 导航栏
			$data=(new \Common\Model\Gcate)->where('pid=0')->limit(4)->get();

	
		 ?>
		
		<div class="top_lend">
			<div class="lend_left">
				<a href="">全部商品分类</a>
			</div>
			<ul class="lend_dao">
				<li><a href="{{U('index/index')}}">首页</a></li>
				{{foreach from="$data" value="$v"}}
				<li><a href="{{U('list/index',array('gcid'=>$v['gcid']))}}">{{$v['cname']}}</a></li>
				{{endforeach}}
			</ul>
			<img class="free" src="Public/Home/images/bg3.jpg" alt="" />
		</div>
	<!--顶部导航区域结束-->
	</header>